<header class="mui-bar mui-bar-nav" style="background-color: #ffffff;">
			<a class="mui-icon mui-icon-left-nav mui-pull-left" id="receiverAddBack"></a>
			<h1 class="mui-title">新增地址</h1>
		</header>
		<div class="mui-content" style="background-color: #ffffff;">
			<form id='login-form' class="mui-input-group">
				<div class="mui-input-row">
					<label>姓名</label>
					<input id="consignee" value="#if(receiver??)#(receiver.consignee)#end" type="text" class="mui-input-clear mui-input" placeholder="请输入收货人姓名">
				</div>
				<div class="mui-input-row">
					<label>手机号</label>
					<input id="phone" value="#if(receiver??)#(receiver.phone)#end" type="text" class="mui-input-clear mui-input" placeholder="请输入收件人手机号">
				</div>
				<div class="mui-input-row">
					<label>地区</label>
					<input id="addressPicker" value="#if(receiver??)#(receiver.province)#(receiver.city)#(receiver.district)#end" readonly="readonly" type="text" class="mui-input-clear mui-input" placeholder="请选择收件人地区">
				</div>
				<div class="mui-input-row">
					<label>地址</label>
					<input id="address" value="#if(receiver??)#(receiver.address)#end" type="text" class="mui-input-clear mui-input" placeholder="街道、楼层、门牌号等">
				</div>
			</form>
			<div class="mui-content-padded">
				<button type="button" class="mui-btn mui-btn-block mui-btn-primary" id="receiverBtn" receiverId="#if(receiver??)#(receiver.id)#end">保存</button>
			#if(receiver??)
			<button type="button" class="mui-btn mui-btn-block mui-btn-danger" id="deleteBtn" receiverId="#if(receiver??)#(receiver.id)#end">删除</button>
			#end
			</div>
		</div>
    <script type="text/javascript">
// 显示三级联动
(function($, doc) {
	$.init();
	$.ready(function() {
		if(!doc.getElementById('addressPicker')){
			return;
		}
		var userPicker = new mui.PopPicker({
			//三级联动
			layer: 3
		});
		userPicker.setData(cityData3);
		var showUserPickerButton = doc.getElementById('addressPicker');
		showUserPickerButton.addEventListener('tap', function(event) {
			userPicker.show(function(items) {
				var html = '';
				if(items[0]){
					html+=items[0].text+",";
				}
				if(items[1]){
					html+=items[1].text+",";
				}
				if(items[2]){
					html+=items[2].text;
				}
				showUserPickerButton.value=html;
			});
		}, false);
	});
})(mui, document);

</script>   
    
  